<template>
  <div id="earlyStageAchievementOpinion" v-loading.fullscreen.lock="fullscreenLoading">
    <el-tabs v-model="flag" @tab-click="handleClick">
      <el-tab-pane label="基本信息" name="1"></el-tab-pane>
      <el-tab-pane label="审减（增）信息" name="3"></el-tab-pane>
      <el-tab-pane label="审查流程" name="2"></el-tab-pane>
    </el-tabs>
    <div class="MainBox1" v-show="flag=='3'">
      <el-table :header-cell-style="{background:'#f9f9f9',color:'#606266',fontSize:'12px'}" v-loading="listLoading" :data="piankuanList" element-loading-text="Loading" border fit highlight-current-row>
        <el-table-column type="index" align="center" label="序号" width="70">
        </el-table-column>
        <el-table-column label="权利人" align="center" width="80">
          <template slot-scope="scope">
            <span>{{ scope.row.applicantName }}</span>
          </template>
        </el-table-column>
        <el-table-column label="片块信息" align="center" min-width="150">
          <template slot-scope="scope">{{ scope.row.dkh }}</template>
        </el-table-column>
        <el-table-column label="送审规模" align="center">
          <el-table-column label="小计" align="center">
            <template slot-scope="scope">{{ scope.row.ssxj}}</template>
          </el-table-column>
          <el-table-column label="宅基地" align="center">
            <template slot-scope="scope">{{ scope.row.sszjd}}</template>
          </el-table-column>
          <el-table-column label="附属用地" align="center">
            <template slot-scope="scope">{{ scope.row.ssfsyd}}</template>
          </el-table-column>
          <el-table-column label="其他" align="center">
            <template slot-scope="scope">{{ scope.row.ssqt}}</template>
          </el-table-column>
        </el-table-column>
        <el-table-column label="审定规模" align="center">
          <el-table-column label="小计" align="center">
            <template slot-scope="scope">{{ scope.row.sdxj}}</template>
          </el-table-column>
          <el-table-column label="宅基地" align="center">
            <template slot-scope="scope">{{ scope.row.sdzjd}}</template>
          </el-table-column>
          <el-table-column label="附属用地" align="center">
            <template slot-scope="scope">{{ scope.row.sdfsyd}}</template>
          </el-table-column>
          <el-table-column label="其他" align="center">
            <template slot-scope="scope">{{ scope.row.sdqt}}</template>
          </el-table-column>
        </el-table-column>
        <el-table-column label="审减(增原因)" align="center">
          <template slot-scope="scope">{{ scope.row.sdzjyy }}</template>
        </el-table-column>
      </el-table>
      <el-pagination
        style="margin-top: 20px;text-align: center;"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="shenjiListQurey.page"
        :page-sizes="[10, 15, 20, 25]"
        :page-size="shenjiListQurey.size"
        layout="total, sizes, prev, pager, next, jumper"
        :total="shenjiTotal"
      ></el-pagination>
    </div>
    <div class="MainBox1" v-show="flag=='2'">
      <optionList :optionListCode="optionListCode" />
    </div>
    <div class="MainBox" v-show="flag=='1'">
      <div class="boxItem">
        <div class="boxItem_title">
          <span class="tit">前期测绘审定信息</span>
        </div>
        <div class="boxItem_content" style="padding-top:35px;">
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>1:1万图幅号：</p>
                <el-tooltip
                  class="item"
                  effect="dark"
                  :content="submitData.data1.tfh"
                  placement="top-start"
                >
                  <div class="boxItem_content_row_item_input">
                    <el-input readonly v-model="submitData.data1.tfh" suffix placeholder></el-input>
                  </div>
                </el-tooltip>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>红线面积：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data1.hxmj" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>复垦点个数：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data1.fkdgs" suffix placeholder></el-input>
                  <span class="inputEndText">个</span>
                </div>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>复垦点规模：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data1.fkdgm" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>宅基地面积：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data1.zjdmj" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>宅基地附属用地面积：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data1.zjdfsydmj" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>其他：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data1.qt" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>减少建设用地面积：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data1.hxmj" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>实施规模：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data1.ssgm" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>建设规模：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data1.jsgm" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>变更范围面积：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data1.bgfwmj" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
          </el-row>
        </div>
      </div>
      
      <div class="boxItem">
        <div class="boxItem_title">
          <span class="tit">遗漏复垦点信息</span>
        </div>
        <div class="boxItem_content" style="padding-top:35px;">
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>遗漏复垦点个数：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data2.fkdgs" suffix placeholder></el-input>
                  <span class="inputEndText">个</span>
                </div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>遗漏复垦点面积：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data2.ylfkdmj" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>宅基地面积：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data2.zjdmj" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>宅基地附属用地面积：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data2.zjdfsydmj" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>其他：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data2.qt" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
          </el-row>
        </div>
      </div>
      <div class="boxItem">
        <div class="boxItem_title">
          <span class="tit">符合二调复垦点信息</span>
        </div>
        <div class="boxItem_content" style="padding-top:35px;">
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>符合二调复垦点个数：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data3.fkdgs" suffix placeholder></el-input>
                  <span class="inputEndText">个</span>
                </div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>符合二调复垦点面积：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data3.edfkdmj" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>宅基地面积：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data3.zjdmj" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>宅基地附属用地面积：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data3.zjdfsydmj" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="boxItem_content_title">
                <p>其他：</p>
                <div class="boxItem_content_row_item_input">
                  <el-input readonly v-model="submitData.data3.qt" suffix placeholder></el-input>
                  <span class="inputEndText">公顷</span>
                </div>
              </div>
            </el-col>
          </el-row>
        </div>
      </div>
      <div class="boxItem">
        <div class="boxItem_title">
          <span class="tit">区县初审意见</span>
        </div>
        <div class="boxItem_content" style="padding-top:35px;">
          <div class="options" v-if="nowType==1 || nowType==2">
            <p>区县中心初审意见：</p>
            <div class="boxItem_content_row_item_noFlex_textarea">
              <el-input
                type="textarea"
                :rows="3"
                :readonly="isReadonly"
                v-model="shenChaContent"
                placeholder="请输入内容"
              ></el-input>
            </div>
            <el-row class="options_row">
              <el-col :span="8">
                <div class="options_row_title">
                  <p>审查人：</p>
                  <div class="options_row_img">
                    <img :src="$https+shencharen" alt />
                    <!-- <el-input :disabled="true" v-model="shencharen" suffix placeholder="请输入内容"></el-input> -->
                  </div>
                </div>
              </el-col>
              <el-col :span="8">
                <div class="options_row_title">
                  <p>审查时间：</p>
                  <el-date-picker
                    v-model="shenChaTime"
                    type="date"
                    :readonly="isReadonly"
                    value-format="yyyy-MM-dd"
                    placeholder="选择日期时间"
                  ></el-date-picker>
                </div>
              </el-col>
              <el-col :span="8" v-if="!isReadonly">
                <div class="options_row_title">
                  <p>审查状态：</p>
                  <el-select v-model="shenchaStatus" placeholder="请选择">
                    <el-option label="同意" value="APPROVED"></el-option>
                    <el-option label="拒绝" value="REJECTED"></el-option>
                  </el-select>
                </div>
              </el-col>
            </el-row>
            <div class="boxItem_content_row button_box" v-if="isQxj">
              <el-button
                class="button_box_item"
                :loading="isLoading"
                @click="submitYj"
                type="primary"
              >提交</el-button>
              <el-button class="button_box_item">取消</el-button>
            </div>
          </div>

          <div class="options" v-if="nowType==2">
            <p>区县局初审意见：</p>
            <div class="boxItem_content_row_item_noFlex_textarea">
              <el-input
                type="textarea"
                :rows="3"
                v-model="qxjContent"
                :readonly="isReadonlyLast"
                placeholder="请输入内容"
              ></el-input>
            </div>
            <el-row class="options_row">
              <el-col :span="8">
                <div class="options_row_title">
                  <p>审查人：</p>
                  <div class="options_row_img">
                    <img :src="$https+qxjren" alt />
                    <!-- <el-input :disabled="true" v-model="qxjren" suffix placeholder="请输入内容"></el-input> -->
                  </div>
                </div>
              </el-col>
              <el-col :span="8">
                <div class="options_row_title">
                  <p>审查时间：</p>
                  <el-date-picker
                    v-model="qxjTime"
                    type="date"
                    :readonly="isReadonlyLast"
                    value-format="yyyy-MM-dd"
                    placeholder="选择日期时间"
                  ></el-date-picker>
                </div>
              </el-col>
              <el-col :span="8" v-if="!isReadonlyLast">
                <div class="options_row_title">
                  <p>审查状态：</p>
                  <el-select v-model="qxjStatus" placeholder="请选择">
                    <el-option label="同意" value="APPROVED"></el-option>
                    <el-option label="拒绝" value="REJECTED"></el-option>
                  </el-select>
                </div>
              </el-col>
            </el-row>
            <div class="boxItem_content_row button_box" v-if="isLastFalse">
              <el-button
                class="button_box_item"
                @click="submitYj"
                :loading="isLoading"
                type="primary"
              >提交</el-button>
              <el-button class="button_box_item">取消</el-button>
            </div>
          </div>
        </div>
      </div>
    </div>

    <el-dialog :close-on-click-modal="false" title="前期测绘成果初审意见表" :visible.sync="tableDialog"  width="50%">
      <div style="padding:20px">
        <iframe
          frameborder="0"
          name="showHere"
          style="width:100%;min-height:500px;"
          scrolling="auto"
          :src="$https+dataInfo.filePath"
        ></iframe>
      </div>
      
    </el-dialog>
  </div>
</template>

<script>
import {
  getLandResultAuditInfo,
  saveDistrictCenterOpinion,
  saveDistrictBureauOpinion,
  getFirstAuditOpinion,
  getFirstAuditOpinionFile,
  getLandLaterFirstAuditScaleChangeInfo
} from "@/api/siteSurveyEarlyStage";
import { findById } from "@/api/common";
import { getTime } from "@/api/getTime";
import optionList from "@/components/optionList";

export default {
  components: {
    optionList
  },
  data() {
    return {
      optionListCode:'EarlyMappingResultFirstAudit',
      //审计列表加载
      listLoading:false,
      //测试数据（意见列表）
      optionListData: [],
      fullscreenLoading: false, //整页加载
      quxianChushenTitle: "区县中心初审意见",
      quxianChushen: false, //区县初审
      piankuanList: [], //审减（增）情况表
      submitData: {
        data1: {
          //前期测绘审定信息
          tfh: "", //图幅号
          tbh: "", //图斑号
          hxmj: "", //红线面积
          fkdgs: "", //复垦点个数
          fkdgm: "", //复垦点规模
          zjdmj: "", //宅基地面积
          zjdfsydmj: "", //宅基地附属面积
          qt: "", //其他
          jsjsydmj: "", //减少建设用地面积
          ssgm: "", //实施规模
          jsgm: "", //建设规模
          bgfwmj: "" //变更范围面积
        },
        data2: {
          //遗漏复垦点信息
          fkdgs: "", //复垦点个数
          ylfkdmj: "", //遗漏复垦点面积
          zjdmj: "", //宅基地面积
          zjdfsydmj: "", //宅基地附属用地面积
          qt: "" //其他
        },
        data3: {
          //符合二调复垦点信息
          fkdgs: "", //复垦点个数
          edfkdmj: "", //符合二调遗漏复垦点面积
          zjdmj: "", //宅基地面积
          zjdfsydmj: "", //宅基地附属用地面积
          qt: "" //其他
        }
      },
      mainData: "",
      mainDataEdit: "",
      flag: "1",
      value1: "",
      input: "",
      fuzerenCehui: "", //测绘负责人
      fuzerenCehuiJishu: "", //测绘技术负责人

      shenChaType: 1, //审查类型 1:区县中心初审意见 2:区县局初审意见
      shenchaStatus: "", //审查状态
      shencharen: "测试人", //审查人
      shencharenId: 5, //审查人
      shenChaContent: "", //审查内容
      shenChaTime: "", //审查时间
      nowType: 1, //1为区县 2为市中心

      qxjStatus: "", //区县局状态
      qxjren: "", //区县局审查ren
      qxjContent: "", //审查内容
      qxjTime: "", //区县局审查时间

      isLoading: false,
      isReadonly: false,
      isReadonlyLast: false,

      tableDialog: false,
      dataInfo: "",

      isQxj: false,
      isLastFalse: false,

      userIcon: "", //用户签名照
      shenjiListQurey:{
        page:1,
        size:10,
      },
      shenjiTotal:0,
    };
  },
  created() {
    console.log(this.$store.state.user.userInfo.signedPhoto,'11111111')
    this.getData();
    if (
      localStorage.getItem("router") ==
      "EARLY_MAPPING_RESULT_FIRST_AUDIT_FIRST_OPINION"
    ) {
      this.nowType = 1;
      this.isReadonly = false;
      if (localStorage.getItem("menusName") == "ROLE_QXZZJG") {
        this.isReadonly = false;
        this.isQxj = true;
        if(localStorage.getItem("lookStatus")==2){
          this.isReadonly = true;
          this.isQxj = false;
        }
      } else {
        this.isReadonly = true;
        this.isQxj = false;
      }
    } else if (
      localStorage.getItem("router") ==
      "EARLY_MAPPING_RESULT_FIRST_AUDIT_SECOND_OPINION"
    ) {
      this.nowType = 2;
      this.isQxj = false;
      this.isReadonly = true;
      this.isReadonlyLast = false;
      this.isLastFalse = true;
      if (localStorage.getItem("menusName") == "ROLE_QXJ") {
        this.isReadonlyLast = false;
        this.isLastFalse = true;
        if(localStorage.getItem("lookStatus")==2){
          this.isReadonlyLast = true;
          this.isLastFalse = false;
        }
      } else {
        this.isReadonlyLast = true;
        this.isLastFalse = false;
      }
    } else {
      this.nowType = 2;
      this.isReadonly = true;
      this.isQxj = false;
      this.isReadonlyLast = true;
      this.isLastFalse = false;
    }
    
    if(localStorage.getItem("lookStatus") == 2){
      this.isReadonly = true;
      this.isQxj = false;
      this.isReadonlyLast = true;
      this.isLastFalse = false;
    }

    this.shenChaTime = getTime();
    this.qxjTime = getTime();
    this.getOpinion();;
    this.getLandLaterFirstAuditScaleChangeInfo()
  },
  methods: {
    
    //审计改变每页显示条数
    handleSizeChange(e) {
      this.shenjiListQurey.size=e
      this.getLandLaterFirstAuditScaleChangeInfo()
    },
    //审计改变页码
    handleCurrentChange(num) {
      this.shenjiListQurey.page=num
      this.getLandLaterFirstAuditScaleChangeInfo()
    },
    //审计数据
    getLandLaterFirstAuditScaleChangeInfo(){
      this.listLoading=true
      var data = this.shenjiListQurey
      data["projectId"]=localStorage.getItem("projectId")
      getLandLaterFirstAuditScaleChangeInfo(data).then(res => {
        this.listLoading=false
        this.piankuanList = res.data.rows;
        this.shenjiTotal = res.data.total;
      }).catch(error=>{
        this.listLoading=false
      });
    },
    //tab切换
    handleClick(tab, event) {
      console.log(tab, event);
    },
    //获取用户信息
    userInfo() {
      var data = {
        id: localStorage.getItem("userId")
      };
      findById(data).then(res => {
        console.log(res, "用户信息");
        this.userIcon = res.data.signedPhoto;
        
      });
    },
    getOpinion() {
      //获取意见
      let obj = {
        projectId: localStorage.getItem("projectId")
      };
      getFirstAuditOpinion(obj).then(res => {
        this.shenchaStatus = res.data.districtCenterCheckResult; //区县中心状态
        this.shencharen =
          res.data.districtCenterUser != null
            ? res.data.districtCenterUser.signedPhoto
            : this.$store.state.user.userInfo.signedPhoto; //区县中心
        this.shenChaContent = res.data.districtCenterCheckOpinion; //区县中心意见
        this.shenChaTime =
          res.data.districtCenterCheckDate != null
            ? res.data.districtCenterCheckDate
            : getTime(); //区县中心审查日期

        this.qxjStatus = res.data.districtBureauCheckResult; //区县局状态
        this.qxjren =
          res.data.districtBureauUser != null
            ? res.data.districtBureauUser.signedPhoto
            : this.$store.state.user.userInfo.signedPhoto; //区县局
        this.qxjContent = res.data.districtBureauCheckOpinion; //区县局意见
        this.qxjTime =
          res.data.districtBureauCheckDate != null
            ? res.data.districtBureauCheckDate
            : getTime(); //区县局日期
      });
    },

    //提交与提交生成
    submitYj() {
      if (this.nowType == 1) {
        var data = {
          projectId: localStorage.getItem("projectId"),
          checkOpinion: this.shenChaContent,
          checkCensorId: localStorage.getItem("userId"),
          checkDate: this.shenChaTime,
          checkResult: this.shenchaStatus
        };
        this.isLoading = true;
        saveDistrictCenterOpinion(data)
          .then(res => {
            console.log(res, "区县中心");
            if (res.code == 1000) {
              this.isLoading = false;
              this.$alert('当前流程办理完成', '提示', {
                confirmButtonText: '确定',
                callback: action => {
                  this.$router.push({
                    path:'/xmkgh/ywdeal',
                  })
                }
              });
              
              this.getData();
              // this.shenChaTime=''
              // this.shenchaStatus=''
              // this.shenChaContent=''
              this.getOpinion();
              this.$refs.optionList.getProgress()
            }
          })
          .catch(error => {
            this.isLoading = false;
          });
      } else {
        var data = {
          projectId: localStorage.getItem("projectId"),
          checkOpinion: this.qxjContent,
          checkCensorId: localStorage.getItem("userId"),
          checkDate: this.qxjTime,
          checkResult: this.qxjStatus
        };
        this.isLoading = true;
        saveDistrictBureauOpinion(data)
          .then(res => {
            console.log(res, "区县局");
            this.isLoading = false;
            if (res.code == 1000) {
              
              this.$confirm('当前流程办理完成，是否查看前期测绘审成果初审意见表？', '提示', {
                confirmButtonText: '查看',
                cancelButtonText: '返回',
                closeOnClickModal:false
              }).then(() => {
                this.$router.push({
                  path:'/siteSurveyEarlyStage/archiveFiles/earlyStageAchievementOpinion1',
                })
              }).catch(() => {
                this.$router.push({
                  path:'/xmkgh/ywdeal',
                })          
              });
              
              
              this.getOpinion();
              this.getData();
              this.$refs.optionList.getProgress()
              
            }
          })
          .catch(error => {
            this.isLoading = false;
          });
      }
    },
    //关闭审查弹框
    handleClose() {
      this.quxianChushenTitle = false;
    },
    //审查验证输入
    checkShenCha() {},
    //审查
    shenCha() {
      var data = {
        projectId: localStorage.getItem("projectId"),
        checkOpinion: this.shenChaContent,
        checkCensorId: this.shencharenId,
        checkDate: this.shenChaTime,
        checkResult: this.shenchaStatus
      };
      if (this.shenChaType == 1) {
        saveDistrictCenterOpinion(data).then(res => {
          console.log(res);
          this.getData();
        });
      } else {
        saveDistrictBureauOpinion(data).then(res => {
          console.log(res);
          this.getData();
        });
      }
    },
    //展示弹框
    showDialog(type) {
      this.shenChaType = type;
      if (type == 1) {
        this.quxianChushenTitle = "区县中心初审意见";
      } else {
        this.quxianChushenTitle = "区县局初审意见";
      }
      this.quxianChushen = true;
    },
    getData() {
      this.fullscreenLoading = true;
      var obj = {
        projectId: localStorage.getItem("projectId")
      };
      getLandResultAuditInfo(obj).then(res => {
        this.fullscreenLoading = false;
        console.log(res);
        this.mainData = res.data;
        this.mainDataEdit = JSON.parse(JSON.stringify(res.data));
        
        console.log(this.piankuanList, "piankuanList");
        this.submitData.data1 = {
          tfh: res.data.landFirstAuditResultDto.tfh, //图幅号
          tbh: res.data.landFirstAuditResultDto.tbh, //图斑号
          hxmj: res.data.landFirstAuditResultDto.hxmj, //红线面积
          fkdgs: res.data.landFirstAuditResultDto.fkdgs, //复垦点个数
          fkdgm: res.data.landFirstAuditResultDto.fkdgm, //复垦点规模
          zjdmj: res.data.landFirstAuditResultDto.zjdmj, //宅基地面积
          zjdfsydmj: res.data.landFirstAuditResultDto.zjdfsydmj, //宅基地附属面积
          qt: res.data.landFirstAuditResultDto.qt, //其他
          jsjsydmj: res.data.landFirstAuditResultDto.jsjsydmj, //减少建设用地面积
          ssgm: res.data.landFirstAuditResultDto.ssgm, //实施规模
          jsgm: res.data.landFirstAuditResultDto.jsgm, //建设规模
          bgfwmj: res.data.landFirstAuditResultDto.bgfw //变更范围面积
        };
        this.submitData.data2 = {
          fkdgs: res.data.landMissingReclaimableSpotDto.ylfkdgs, //复垦点个数
          ylfkdmj: res.data.landMissingReclaimableSpotDto.ylfkdmj, //遗漏复垦点面积
          zjdmj: res.data.landMissingReclaimableSpotDto.zjdmj, //宅基地面积
          zjdfsydmj: res.data.landMissingReclaimableSpotDto.zjdfsydmj, //宅基地附属用地面积
          qt: res.data.landMissingReclaimableSpotDto.qt //其他
        };
        this.submitData.data3 = {
          fkdgs: res.data.landSecondMovingReclaimableSpotDto.edfkdgs, //复垦点个数
          edfkdmj: res.data.landSecondMovingReclaimableSpotDto.edfkdmj, //遗漏复垦点面积
          zjdmj: res.data.landSecondMovingReclaimableSpotDto.zjdmj, //宅基地面积
          zjdfsydmj: res.data.landSecondMovingReclaimableSpotDto.zjdfsydmj, //宅基地附属用地面积
          qt: res.data.landSecondMovingReclaimableSpotDto.qt //其他
        };
        
      }).catch(error=>{
        this.fullscreenLoading = false;
      });
    },
   
  }
};
</script>
<style lang="scss" scoped>
#earlyStageAchievementOpinion {
  padding: 30px;
  box-sizing: border-box;
}
#earlyStageAchievementOpinion .boxItem {
  width: 100%;
  background-color: #fff;
}
#earlyStageAchievementOpinion .boxItem_title {
  width: 100%;
  background: #f8f8f8;
  height: 50px;
  border: 1px solid #efefef;
  overflow: hidden;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  text-indent: 20px;
  line-height: 50px;
}
#earlyStageAchievementOpinion .boxItem_content {
  width: 100%;
  border: 1px solid #ebebeb;
  border-top: none;
  padding: 30px;
  padding-top: 0;
  box-sizing: border-box;
}
#earlyStageAchievementOpinion .boxItem_content_row {
  display: flex;
  align-items: center;
}
#earlyStageAchievementOpinion .boxItem_content_row_item {
  display: flex;
  align-items: center;
}
#earlyStageAchievementOpinion .boxItem_content_row_item:nth-child(2n-1) {
  margin-right: 300px;
}
#earlyStageAchievementOpinion .boxItem_content_row_item p {
  font-size: 14px;
  line-height: 36px;
  width: 165px;
}
#earlyStageAchievementOpinion .boxItem_content_row_item_noFlex {
  display: flex;
  width: 100%;
}
#earlyStageAchievementOpinion .boxItem_content_row_item_noFlex p {
  font-size: 14px;
  line-height: 36px;
  width: 140px;
}
#earlyStageAchievementOpinion .boxItem_content_row_item p:first-child {
  color: #444;
  font-weight: bold;
}
#earlyStageAchievementOpinion .boxItem_content_row_item p:last-child {
  color: #666;
}
#earlyStageAchievementOpinion .uploadDownLoadBox_item {
  margin: 20px 0;
}
#earlyStageAchievementOpinion .uploadDownLoadBox_item p {
  width: 140px;
}
#earlyStageAchievementOpinion .button_box {
  margin-top: 54px;
}
#earlyStageAchievementOpinion .button_box_item {
  margin-right: 10px;
}
#earlyStageAchievementOpinion .boxItem_content_row_item_input {
  position: relative;
}
#earlyStageAchievementOpinion .boxItem_content_row_item_input /deep/ .el-input__inner {
  padding-right: 50px;
}
#earlyStageAchievementOpinion .boxItem_content_row_item_input span {
  position: absolute;
  right: 10px;
  top: 3px;
  height: 36px;
  line-height: 36px;
  z-index: 1;
  color: #999;
}
#earlyStageAchievementOpinion .table-doc-view {
  border-collapse: collapse;
}
#earlyStageAchievementOpinion .table-doc-view tr,
.table-doc-view td {
  border: 1px solid #ccc;
  padding: 10px 10px;
}
#earlyStageAchievementOpinion .table-doc-view tr,
.table-doc-view td {
  border: 1px solid #ccc;
  padding: 10px 10px;
}
#earlyStageAchievementOpinion .table-doc-view td {
  font-size: 14px;
  color: #444;
  min-height: 30px;
}
#earlyStageAchievementOpinion .table-doc-view .taoc-title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
#earlyStageAchievementOpinion .table-doc-view .taoc-center {
  text-align: center;
}
#earlyStageAchievementOpinion .boxItem_content_row_item_noFlex_textarea {
  width: 90%;
}
#earlyStageAchievementOpinion .shencharen {
  display: flex;
  margin-right: 102px;
  align-items: center;
}
#earlyStageAchievementOpinion .shencharen img {
  width: 105px;
  height: 59px;
}
#earlyStageAchievementOpinion .shencharenTime {
  display: flex;
  align-items: center;
}
#earlyStageAchievementOpinion .shencharenTime p {
  width: 80px;
}
#earlyStageAchievementOpinion .boxItem_content_row_shenhe {
  margin: 30px 0;
}
#earlyStageAchievementOpinion .tableBoxData_title {
  width: 100%;
  display: block;
  overflow: hidden;
  font-size: 20px;
  font-weight: bold;
  color: #444;
  text-align: center;
  margin-bottom: 10px;
}
.tableBoxData_mainData {
  width: 100%;
  display: flex;
  justify-content: center;
}
.tableBoxData_button_box {
  width: 100%;
  display: flex;
  justify-content: center;
}
.tableBoxData_button_box_item {
  margin: 0px 20px;
  margin-bottom: 20px;
  margin-top: 10px;
}
.noPiankuanList {
  width: 100%;
  box-sizing: border-box;
  padding-left: 50px;
  font-size: 20px;
  padding-top: 10px;
  text-align: center;
  color: #999;
}
.options {
  font-size: 13px;
  font-weight: bold;
  color: #444;
  margin-bottom: 20px;
}
.options_row {
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.options_row_title {
  display: flex;
  align-items: center;
}
.options_row_img img {
  width: 105px;
  height: 59px;
  margin-left: 20px;
}
.options_select {
  margin: 10px 0px;
}
.boxItem_content_row_item p:first-child {
  margin-right: 10px;
  text-align: right;
}
.boxItem_content_title {
  margin-bottom: 20px;
}
.options_row_title p{
  color: #6f7072;
}
.boxItem_content_title p {
  font-size: 14px;
  font-weight: bold;
  color: #606266;
}
.boxItem_content_row_item_input {
  width: 50%;
}
</style>
 